<template>
  <div class="guid">
    <div class="text-wrap" @click="toshop()">
      guid首页
    </div>
  </div>
</template>

<script>
import {mapMutations} from 'vuex'
export default {
  data () {
    return {
      msg: 'guid'
    }
  },
  methods:{
    ...mapMutations({
      showloading:'showloading'
    }),
    toshop(){
      //this.showloading();
      this.$router.push({
        path:'/shop/type'
      })
    }
  },
  created(){
    console.log('guid--'+this.$store.state.isShowLoading)
  }

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style  lang="scss" scoped>
  .guid{
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    bottom:0;
    z-index:-1;
    background:#ccc;
    color:red;
    display: flex;
    justify-content: center;
    align-items:center;
    .text-wrap{
      font-size:50px;
      width:200px;
      height: 200px;
      text-align:center;
      line-height:100px;
      background:lightsteelblue;
    }

  }
</style>
